<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电梯信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=none">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
</head>
<link rel="stylesheet" href="https://unpkg.com/mint-ui/lib/style.css">
<script src="../src/js/base/h5base.js"></script>
<body>
<div id="app" v-cloak>
    <div class="container">

        <div class="header">
            <p class="h-blue msg">所在小区：{{headerMsg.entrance}}
                <a :href="'./eleInforDetail.html?elCode=' + elCode">
                    <span class="more-msg">更多信息</span>
                </a>
            </p>
            <p class="h-blue maint-num">维保次数：{{headerMsg.maintainCount}}次</p>
            <p class="h-blue rep-num">维修次数：{{headerMsg.repairCount}}</p>
            <p class="h-gary last-maint">上次维保：{{headerMsg.lastMaintainDate}}</p>
            <p class="h-gary next-maint">下次维保：{{headerMsg.nextMaintainDate}}</p>
            <p class="h-gary year-check">年检时间：{{headerMsg.yearCheckDate}}</p>

        </div>
        <div class="tab">
            <ul class="tab-bar">
                <li @click="changeBar(index)" v-for="(item,index) in tabBar"
                    :class="barSelect === index ? 'select' :''">{{item}}
                </li>
            </ul>
            <div class="both"></div>
            <div class="tab-con">
                <mt-loadmore autoFill="false" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore">

                    <ul v-if="barSelect === 0">
                        <!--<mt-loadmore :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore">-->
                        <li v-for="item in eleLogs">
                            <h6>{{item.type}}</h6>
                            <div class="safe-msg">
                                <p>开始时间：{{item.startDate}}</p>
                                <p>结束时间：{{item.endDate}}</p>
                                <p>维保人：{{item.person}}</p>
                            </div>
                        </li>
                        <!--</mt-loadmore>-->

                    </ul>
                    <ul class="repair-tab" v-if="barSelect === 1">
                        <!--<mt-loadmore :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" ref="loadmore">-->
                        <li v-for="item in eleLogs">
                            <h6>{{item.type}}</h6>
                            <div class="safe-msg">
                                <p>开始时间：{{item.startDate}}</p>
                                <p>结束时间：{{item.endDate}}</p>
                                <p>维保人：{{item.person}}</p>
                            </div>
                        </li>
                        <!--</mt-loadmore>-->
                    </ul>
                    <!--<mt-loadmore ref="loadmore"  v-show="barSelect === 2">-->
                    <ul class="examine-tab" v-if="barSelect === 2">
                        <li v-for="item in eleLogs">
                            <h6>{{item.type}}</h6>
                            <div class="safe-msg">
                                <p>开始时间：{{item.startDate}}</p>
                                <p>结束时间：{{item.endDate}}</p>
                                <p>维保人：{{item.person}}</p>
                            </div>
                        </li>
                    </ul>
                </mt-loadmore>
            </div>
        </div>
        <div class="footer">
            <a :href="'./uploadFault.html?elCode=' + elCode">
                <div>上报故障</div>
            </a>
        </div>
    </div>
</div>
</body>
</html>